/*-------------------------------------------------------------------------------------------
uso: <span class="ico16-NOMBRE"><img src="img/_blank.gif" class="ico16" alt="" /></span>
-------------------------------------------------------------------------------------------*/
.ico16-warning, .ico16-pageworld, .ico16-monitor, .ico16-scriptcode, .ico16-conexion, .ico16-expandir, .ico16-contraer, .ico16-editar,
.ico16-ticket, .ico16-error, .ico16-eliminar, .ico16-agregar, .ico16-flecha-agregar, .ico16-flecha-quitar,
.ico16-flecha-configuracion-expandir, .ico16-flecha-configuracion-contraer, .ico16-ver-detalle, .ico16-lock,
.ico16-cerrar-negro, .ico16-cerrar-verde, .ico16-cerrar-rojo, .ico16-cerrar-gris, .ico16-cerrar-amarillo, .ico16-ayuda,
.ico16-vineta, .ico16-empresa-activa, .ico16-empresa-inactiva, .ico16-estadistica, .ico16-aplicacion, .ico16-audio, .ico16-blank,
.ico16-excel, .ico16-image, .ico16-office, .ico16-otro, .ico16-pdf, .ico16-ppt, .ico16-txt, .ico16-video, .ico16-word, .ico16-zip,
.ico16-rojo, .ico16-amarillo, .ico16-verde, .ico16-abrir-amarillo
{
  background-color: transparent;
  background-image: url(img/sprite16x16.png);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
}
/* configuraciones especiales */
.ico16 {width:16px; height:16px; vertical-align:middle;}
.ico16ExpandirContraer {width:12px; height:9px; vertical-align:middle;}
.ico16Editar {width:12px; height:13px; vertical-align:middle;}
.ico16Eliminar {width:11px; height:11px; vertical-align:middle;}
.ico16Flecha {width:7px; height:12px; vertical-align:middle;}
.ico16Lock {width:12px; height:16px; vertical-align:middle;}
.ico16Cerrar {width:12px; height:13px; vertical-align:middle;}
.ico16Vineta {width:5px; height:10px; vertical-align:middle;}

/* obtiene la imagen del sprite */
.ico16-warning {background-position:0px 0px;}
.ico16-pageworld {background-position:-17px 0px;}
.ico16-monitor {background-position:-34px 0px; width:14px; height:15px;}
.ico16-scriptcode {background-position:-136px -68px;}
.ico16-conexion {background-position:-68px -0px;}
.ico16-contraer {background-position:-17px -51px; width:9px; height:9px;}
.ico16-expandir {background-position:-34px -51px; width:9px; height:9px;}
.ico16-editar {background-position:-102px 0px; width:12px; height:13px;}
.ico16-ticket {background-position:-153px -68px; width:15px; height:14px;}
.ico16-error {background-position:-102px -85px; width:14px; height:15px;}
.ico16-eliminar {background-position:-119px 0px; width:11px; height:11px;}
.ico16-agregar {background-position:-51px -51px; width:14px; height:14px;}
.ico16-flecha-agregar {background-position:-68px -68px; width:7px; height:12px;}
.ico16-flecha-agregar:hover {background-position:-76px -68px; width:7px; height:12px;}
.ico16-flecha-quitar {background-position:-119px -68px; width:7px; height:12px;}
.ico16-flecha-quitar:hover {background-position:-127px -68px; width:7px; height:12px;}
.ico16-flecha-configuracion-expandir {background-position:-119px -85px; cursor:pointer;}
.ico16-flecha-configuracion-contraer {background-position:-136px -85px; cursor:pointer;}
.ico16-ver-detalle {background-position:-51px -17px;}
.ico16-lock {background-position:-153px -85px; width:12px; height:16px;}
.ico16-cerrar-negro {background-position:-119px 0px; width:12px; height:12px;}
.ico16-cerrar-verde {background-position:-142px -102px; width:12px; height:12px;}
.ico16-cerrar-rojo {background-position:-156px -102px; width:12px; height:13px;}
.ico16-cerrar-gris {background-position:-17px -119px; width:12px; height:12px;}
.ico16-cerrar-amarillo {background-position:-34px -119px; width:12px; height:12px;}
.ico16-abrir-amarillo {background-position:-102px -119px; width:12px; height:12px;}
.ico16-ayuda {background-position:-68px -17px;}
.ico16-vineta {background-position:-51px -119px; width:5px; height:10px;}
.ico16-empresa-activa {background-position:-68px -119px;}
.ico16-empresa-inactiva {background-position:-85px -119px;}
.ico16-estadistica {background-position:-68px -51px;}
.ico16-aplicacion {background-position:-85px -17px;}
.ico16-audio {background-position:-102px -17px;}
.ico16-blank {background-position:-119px -17px;}
.ico16-excel {background-position:-136px -17px;}
.ico16-image {background-position:-153px -17px;}
.ico16-office {background-position:0px -34px;}
.ico16-otro {background-position:-17px -34px;}
.ico16-pdf {background-position:-136px -34px;}
.ico16-ppt {background-position:-119px -34px;}
.ico16-txt {background-position:-102px -34px;}
.ico16-video {background-position:-85px -34px;}
.ico16-word {background-position:-68px -34px;}
.ico16-zip {background-position:-51px -34px;}
.ico16-rojo {background-position:0px -102px;}
.ico16-amarillo {background-position:-17px -102px;}
.ico16-verde {background-position:-34px -102px;}

.ico-cerrar {
  background-color: transparent;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}
.ico-cerrar { background-image: url(img/18/close_gray.png); }
.ico-cerrar:hover { background-image: url(img/18/close.png); }

/*-------------------------------------------------------------------------------------------
iconos Google 18x18
-------------------------------------------------------------------------------------------*/
.ico18 {width:18px; height:18px; vertical-align:middle;}
.ico18-trush, .ico18-edit, .ico18-setting, .ico18-chart-lines, .ico18-view {
  background-color: transparent;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}

.ico18-trush { background-image: url(img/18/trash_can_gray.png); }
.ico18-trush:hover { background-image: url(img/18/trash_can.png); }
.ico18-edit { background-image: url(img/18/pencil_gray.png); }
.ico18-edit:hover { background-image: url(img/18/pencil.png); }
.ico18-setting { background-image: url(img/18/setting_gray.png); }
.ico18-setting:hover { background-image: url(img/18/setting.png); }
.ico18-chart-lines { background-image: url(img/18/stats_lines_gray.png); }
.ico18-chart-lines:hover { background-image: url(img/18/stats_lines.png); }
.ico18-view { background-image: url(img/18/zoom_gray.png); }
.ico18-view:hover { background-image: url(img/18/zoom.png); }
